@charset "utf-8";
@import "reset";
html{
    font-size: 40px;
      }
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
body{
    font-size: 16px;
}
.activity_detail_banner{
    width: 70%;
    margin: 0 auto;
    >img{
        width: 100%;
    }
}
.activity_detail_content{
    width: 50%;
    margin: 0 auto;
    >h5{
        line-height: 5;
        >a{
            font-size:23px;
            color:#000000;
        }
    }
    >h5>a:hover{
        color: #fec6b2;
       font-size:24px;
    }
    >h6{
        font-size:25px;
        font-weight: 100;
        line-height: 2;
    }
    >h6:nth-of-type(2){
        line-height:5;
    }
    >h6:nth-of-type(3){
        line-height:5;
        
    }
    >p{
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: 1.5px;
    }
    >p:last-child{
        padding-bottom: 15%;
    }
    >img{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
    }
}

//移动
@media only screen and (max-width:768px){
    .activity_detail_banner{
    width: 95%;
    margin: 0 auto;
    >img{
        width: 100%;
    }
}
.activity_detail_content{
    width: 95%;
    margin: 0 auto;
    >h5{
        line-height: 1.5;
        >a{
            font-size:20px;
            color:#000000;
        }
    }
    >h6{
        font-size:18px;
        font-weight: 100;
        line-height: 1.5;
    }
    >h6:nth-of-type(2){
        line-height:3;
    }
    >h6:nth-of-type(3){
        line-height:3;
        
    }
    >p{
        font-size: 15px;
        line-height: 1.3;
        letter-spacing: 1.5px;
    }
    >p:nth-of-type(1){
        padding-top: 5%;
        padding-bottom: 5%;
    }
    >p:last-child{
        padding-bottom: 15%;
    }
    >img{
        width: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
    }
}
}